﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>景点介绍</title>
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />

    <link rel="stylesheet" href="/Content/amazeui/css/amazeui.min.css" />

    <script src="/Content/jquery/jquery-1.12.1.min.js" type="text/javascript"></script>
    <script src="/Content/amazeui/js/amazeui.min.js" type="text/javascript"></script>

    <style type="text/css">
        body {
            font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
            background-color: #fff;
        }

        .am-divider {
            margin: 1rem auto;
        }

        .am-icon-btn {
            /*background-color:#89D7E3;*/
        }

        .am-article-meta span {
            margin-right: 8px;
        }

        .origin {
            padding: 5px 10px;
            margin-right: 10px;
            background-color: #cf1b1e;
            color: #eee;
        }

        .am-article-lead {
            position: relative;
            text-indent: 28px;
            background: #fff;
            border: none;
            padding: 20px;
        }

            .am-article-lead i {
                position: absolute;
                width: 25px;
                height: 25px;
                border: 2px solid #cf1b1e;
            }

                .am-article-lead i:nth-child(1) {
                    top: 0;
                    left: 0;
                    border-bottom-width: 0;
                    border-right-width: 0;
                }

                .am-article-lead i:nth-child(2) {
                    top: 0;
                    right: 0;
                    border-bottom-width: 0;
                    border-left-width: 0;
                }

                .am-article-lead i:nth-child(3) {
                    bottom: 0;
                    left: 0;
                    border-top-width: 0;
                    border-right-width: 0;
                }

                .am-article-lead i:nth-child(4) {
                    bottom: 0;
                    right: 0;
                    border-top-width: 0;
                    border-left-width: 0;
                }

        .am-article-ft .am-article-meta {
            color: #000;
            margin: 0;
        }

        .am-btn-default {
            background-color: #01A5EC;
            border-radius: 5px;
            color: #fff;
            width: 48%;
            padding: 0;
        }

            .am-btn-default i {
                margin-right: 5px;
            }

        .share {
            padding: 10px;
            overflow: hidden;
        }

        /**多说样式控制**/
        .ds-powered-by {
            display: none;
        }

        #ds-thread {
            padding: 10px;
        }

        #sharemcover {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            display: none;
            z-index: 20000;
        }

            #sharemcover img {
                position: fixed;
                right: 18px;
                top: 5px;
                width: 260px;
                height: 180px;
                z-index: 20001;
                border: 0;
            }

        .am-list > li {
            border: none;
        }

            .am-list > li > a {
                padding: 0;
            }

        #ds-thread #ds-reset .ds-meta {
            width: 100%;
            height: 30px;
            border: none;
        }

        #ds-thread #ds-reset .ds-like-panel {
            margin-top: 3px;
            float: left;
        }

        #ds-thread #ds-reset a.ds-like-thread-button {
            position: absolute;
            box-sizing: border-box;
            height: 30px;
            line-height: 22px;
            top: 50%;
            right: 0%;
            margin-right: 0 !important;
            margin: 0 !important;
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translateX(-50%,-50%,0);
        }

        #ds-thread #ds-reset .ds-toolbar {
            display: none !important;
        }

        .split_banner {
            height: 10px;
            background-color: #F2F2F2;
        }

        .am-titlebar-default {
            margin-left: 0px;
            margin-right: 0px;
        }

        .am-titlebar {
            margin-top: 0px;
        }

        .am-titlebar-default .am-titlebar-title {
            color: inherit;
        }

        .am-padding-sm {
            padding: 0.5rem 1rem;
        }

        .ds-thread {
            margin-top: 0;
        }

        .am-gotop i:before {
            line-height: 32px;
        }

        #shareFriends [class*=am-icon-]:before {
            line-height: 2;
        }

        #ds-thread #ds-reset .ds-meta {
            width: 100%;
            height: 30px;
            border: none;
        }

        #ds-thread #ds-reset .ds-like-panel {
            margin-top: 3px;
            float: left;
        }

        #ds-thread #ds-reset a.ds-like-thread-button {
            float: right;
            /*position: absolute;
            box-sizing: border-box;
            height: 30px;
            line-height: 22px;
            top:50%;
            right:0%;
            margin-right:0 !important;
            margin:0 !important;
            -webkit-transform:translate3d(-50%,-50%,0);
            transform:translateX(-50%,-50%,0);*/
        }

        #ds-thread #ds-reset .ds-toolbar {
            display: none !important;
        }

        .ds-sync {
            display: none !important;
        }
    </style>
</head>
<body style="background-color:#fff;padding-bottom:45px;">
    <div id="wrapper">
        <div data-am-widget="slider" class="am-slider am-slider-c2" data-am-slider='{&quot;directionNav&quot;:false}'>
            <ul class="am-slides">
                <vt:foreach from="$pictures" item="p" index="i">
                    <li>
                        <img src="{$p.PicPath}" style="height:200px;" />
                    </li>
                </vt:foreach>
            </ul>
        </div>
        <div id="div_currentTitle">
            <div id="do-not-say-1" class="am-panel-collapse am-collapse am-in">
                <div class="am-panel-bd">
                    {$scenic.Digest}
                </div>
            </div>
        </div>
    </div>
    <div class="split_banner">
    </div>
    <!--景区介绍-->
    <div id="news_content">
        <article class="am-article am-padding-sm">
            <div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
                <h2 class="am-titlebar-title ">
                    景区介绍
                </h2>
            </div>
            <div class="am-article-bd am-margin-bottom-sm">
            </div>
            <div class="am-article-bd am-margin-bottom-sm">
                <p>
                    <span style="line-height:1.5;">&nbsp; &nbsp; &nbsp; {$scenic.Content}</span>
                </p>
            </div>
            <!--<div class="am-article-ft">
              <p class="am-article-meta">
                <span>
                  阅读数:
                  <script type="text/javascript" src="/tools/submit_ajax.ashx?action=view_article_click&id={$model.id}&click=1"></script>
                </span>
              </p>
            </div>-->
        </article>
    </div>
    <div class="split_banner">
    </div>
    <!--  <div id="shareFriends" style="text-align: center;">
        <a class="am-btn am-btn-default" style="margin:1rem auto 0 auto;" onclick="document.getElementById('sharemcover').style.display='block';">
          <i class="am-icon-share-square-o">发送给朋友</i>
        </a>
      </div>-->
    <div id="sharemcover" onclick="document.getElementById('sharemcover').style.display='';"
         style="display: none">
        <img src="/templatesstore/images/MgnnofmleM.png" />
    </div>
    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="{$model.id}" data-title="{$model.title}"
         data-url="">
    </div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = { short_name: "cloudorg" };
    (function () {
      var ds = document.createElement('script');
      ds.type = 'text/javascript'; ds.async = true;
      ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
      ds.charset = 'UTF-8';
      (document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
    </script>
    <a class="am-btn am-btn-lg am-btn-primary am-btn-block" href="tel:0314-2296555" style="position: fixed; bottom: 0; width: 100%;z-index: 100">
        <i class="am-icon-phone" style="margin-right:5px;"></i>电话预订
    </a>
    <div class="tc2" style="display: none;">
        <div class="kf_top">
            <a href="tel:{$shopconfig.tel}">
                <p class="dh">{$shopconfig.tel}</p>
            </a>
            <p class="tc_cg"></p>
        </div>
        <div class="tc_button">
            <ul>
                <li><a href="tel:{$shopconfig.tel}">拨打咨询</a></li>
                <li><a href="javascript:void(0)" class="lxkf_close">取消</a></li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        $(".am-btn am-btn-primary am-btn-block").click(function () {
            if ($('#load_mask').length) { }
            else {
                var h = $(document.body).height() + "px";
                $("<div id='load_mask' class='tc_zz' style='height:" + h + "' />").appendTo("body");
            }
            $("#load_mask").show();
            var t = $(window).scrollTop(), h = $(window).height(), iTop = 0;
            iTop = ((h - $(".tc2").height()) / 2 + t) + "px";
            $(".tc2").css("top", iTop).show();
        })

        $(".lxkf_close").click(function () {
            $(".tc2").hide();
            $("#load_mask").hide();
        })
    </script>
    <div data-am-widget="gotop" class="am-gotop am-gotop-fixed" style="bottom:45px;">
        <a href="#top" title="">
            <i class="am-gotop-icon am-icon-hand-o-up" style="height:32px;line-height: 32px;"></i>
        </a>
    </div>
    <vt:template id="share_js" file="/templates/csmall/_share_js.html" charset="utf-8" />
    <vt:template id="bottommenu" file="/templates/bmenu/bottom.html" charset="utf-8" />

</body>
</html>